<template>
  <view class="content"> 
   <view class="flex">
    <InputArea placeholder="建筑面积" tail="m" :val="ztSpace.coveredArea"  target="ztSpace" wename="coveredArea"/>
    <InputArea placeholder="套内面积" tail="m" :val="ztSpace.insideArea"   target="ztSpace" wename="insideArea"/>
    </view>
    <view class="bar"></view>
    <view class="flex">
        <InputArea placeholder="房间总数" tail="房"  :val="ztSpace.room"  decimal="0"  target="ztSpace"  wename="room"/>
    <InputArea placeholder="客/餐厅" tail="厅" :val="ztSpace.parlor"   decimal="0"  target="ztSpace"  wename="parlor"/>
    </view>
    <view class="flex">
        <InputArea placeholder="卫生间数" tail="卫" :val="ztSpace.toilet"   decimal="0"  target="ztSpace"   wename="toilet"/>
       <InputArea placeholder="阳台总数" tail="阳" :val="ztSpace.balcony"   decimal="0"   target="ztSpace"  wename="balcony"/>
    </view>
    <view class="flex">
        <InputArea placeholder="地下室" tail="个" :val="ztSpace.basement"   decimal="0"  target="ztSpace"   wename="basement"/>
       <InputArea placeholder="室内车位" tail="个" :val="ztSpace.carport"  decimal="0"   target="ztSpace"  wename="carport"/>
    </view>
    <view class="flex">
        <InputArea placeholder="花园面积" tail="m"  :val="ztSpace.gardenArea"  decimal="0" target="ztSpace"  wename="gardenArea"/>
       <InputArea placeholder="地上层数" tail="层" :val="ztSpace.totalFloor"   decimal="0"    target="ztSpace"  wename="totalFloor"/>
    </view>
    <view class="flex">
        <InputArea placeholder="夹层高" tail="米"   :val="ztSpace.interlayerHeight"  decimal="0"  target="ztSpace"   wename="interlayerHeight"/>
        <InputArea placeholder="夹层面积" tail="m"  :val="ztSpace.interlayer"  decimal="0"  target="ztSpace"    wename="interlayer"/>
    </view>
    <view class="bar"></view>
    <view class="flex">
        <InputArea placeholder="楼栋电梯" tail="梯"   :val="ztSpace.lift" decimal="0"  target="ztSpace" wename="lift"/>
        <InputArea placeholder="单层户数" tail="户"  :val="ztSpace.householdStorey" decimal="0"  target="ztSpace"  wename="householdStorey"/>
    </view> 
  </view>
</template>
<script>  
import InputArea from '@/commpent/InputArea.vue'
export default { 
 components:{ InputArea },   
 data() {
    return {
      ztSpace:{}, 
    }
  },
  created(){
    this.ztSpace = this.$store.state.ztSpace 
  },
  mounted(){ 
    
  },
  methods:{
      change(){
        this.$store.dispatch("asyncPublishInfo",{type:index});
      }
  }
}
</script>  
<style scoped>
 .bar{
   height: 1px;
   background-color: #ccc;
   margin: 10px 0;
 }
 .flex{
  margin: 10px 0;
 }
</style>